@charset
"UTF-8"
;
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

@media
all
{
/*------------------------------------------------------------------------------------------------------*/

/**
* @section browser reset
* @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
*/

/* (en) Global reset of paddings and margins for all HTML elements */
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
* {
  margin: 0;
  padding: 0
}

/* (en) Correction: margin/padding reset caused too small select boxes. */
/* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option {
  padding-left: 0.4em
}

/**
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
*
* @bugfix
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/
* html body * {
  overflow: visible
}

* html iframe, * html frame {
  overflow: auto
}

* html frameset {
  overflow: hidden
}

/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
/* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html {
  height: 100%
}

body {
/*min-height: 101%;*/
  height: 100%; /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
  font-size: 100.01%; /* (en) Standard values for colors and text alignment */
/* (de) Vorgabe der Standardfarben und Textausrichtung */
  color: #000;
  background: #fff;
  text-align: left;
}

/* (en) Clear borders for <fieldset> and <img> elements */
/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img {
  border: 0 solid
}

/* (en) new standard values for lists, blockquote and cite */
/* (de) Neue Standardwerte für Listen & Zitate */
ul, ol, dl {
  margin: 0 0 1em 1em
}

li {
  margin-left: 1.5em;
  line-height: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1em 2em;
}

blockquote, cite {
  margin: 0 0 1em 1.5em;
  font-size: 0.93em;
  width: auto;
}

/*------------------------------------------------------------------------------------------------------*/

/**
* @section base layout | Basis Layout
* @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 200 px  | flexible  | 200px   |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/

#header {
  position: relative
}

#topnav {
  position: absolute;
  top: 10px;
  right: 10px; /* (en) essential for correct alignment in Opera 6 ! */
/* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
  text-align: right;
}

#nav {
/*clear:both;*/
  width: auto
}

#main {
  clear: both;
  width: auto
}

/* (en/de) Standard: 200 Pixel */
#col1 {
  float: left;
  width: 200px
}

/* (en/de) Standard: 200 Pixel */
#col2 {
  float: right;
  width: 200px
}

/* (en) Standard: center column with flexible width */
/* (de) Standard: Flexible mittlere Spalte */
#col3 {
  width: auto;
  margin: 0 200px
}

/* (en) Backup for #footer positioning */
/* (de) Absicherung für die Positionierung von #footer */
#footer {
  clear: both;
  display: block
}

/* (en) Adjustment: sort #col3 behind float columns using z-index */
/* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
#col1 {
  z-index: 3
}

#col2 {
  z-index: 5
}

#col3 {
  z-index: 1
}

#col1_content {
  z-index: 4
}

#col2_content {
  z-index: 6
}

#col3_content {
  z-index: 2
}

#col1_content, #col2_content, #col3_content {
  position: relative
}

/*------------------------------------------------------------------------------------------------------*/

/**
* @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
* @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
*
* .hidenone  -> show all columns
* .hideleft  -> 2-column-layout (using #col2 and #col3)
* .hideright -> 2-column-layout (using #col1 and #col3)
* .hidenone  -> single-column-layout (using #col3)
*/

.hidenone #col3 {
  margin: 0 200px
}

.hideboth #col3 {
  margin-left: 0;
  margin-right: 0
}

.hideleft #col3 {
  margin-left: 0;
  margin-right: 200px
}

.hideright #col3 {
  margin-left: 200px;
  margin-right: 0
}

.hideboth #col1, .hideboth #col2 {
  display: none
}

.hideleft #col1 {
  display: none
}

.hideright #col2 {
  display: none
}

/*------------------------------------------------------------------------------------------------------*/

/**
* @section clearing methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* (en) clearfix method for clearing floats */
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

/* (en) essential for Safari browser !! */
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {
  display: block
}

/* (en) overflow method for clearing floats */
/* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox {
  overflow: hidden
}

/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
/* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing {
  display: none
}

/*------------------------------------------------------------------------------------------------------*/

/**
* @section subtemplates
* @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
*/

.subcolumns, .subcolumns_oldgecko {
  width: 100%;
  overflow: hidden;
}

/* (en) alternative class for optional support of old  Mozilla/Netscape browers */
/* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
.subcolumns_oldgecko {
  float: left
}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {
  float: left;
}

.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
  float: right;
  margin-left: -5px;
}

.c25l, .c25r {
  width: 25%
}

.c33l, .c33r {
  width: 33.333%
}

.c50l, .c50r {
  width: 50%
}

.c66l, .c66r {
  width: 66.666%
}

.c75l, .c75r {
  width: 75%
}

.c38l, .c38r {
  width: 38.2%
}

.c62l, .c62r {
  width: 61.8%
}

.subc {
  padding: 0 0.5em
}

.subcl {
  padding: 0 1em 0 0
}

.subcr {
  padding: 0 0 0 1em
}

/*------------------------------------------------------------------------------------------------------*/

/**
* @section hidden elements | Versteckte Elemente
* @see     http://www.yaml.de/en/documentation/basics/skip-links.html
*
* (en) skip links and hidden content
* (de) Skip-Links und versteckte Inhalte
*/

/* (en) classes for invisible elements in the base layout */
/* (de) Klassen für unsichtbare Elemente im Basislayout */
.skip, .hideme, .print {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
}

/* (en) make skip links visible when using tab navigation */
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}

}
